h1 {
    margin-left: 50px;
    margin-top: 20px;
}

h2 {
    margin-top: 50px;
    margin-left: 300px;
}


.authority_assignment {
    position: relative;
    margin-top: 20px;
    left: 30%;
    font-size: 1.5em;
    font-weight: bolder;
    background: rgb(241, 243, 243);
    -webkit-box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    border-collapse: collapse;
    border: 0px solid #00bfff;
    width: 600px;
    /* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
    table-layout: fixed;

    padding-left: 150px;
}

#username {
    padding-top: 20px;
    margin-bottom: 20px;
}

#rolename {
    padding-top: 20px;
    margin-bottom: 20px;
}

.describe {
    display: flex;
}

textarea {
    /*margin-left: 100px;*/
    border-radius: 10px;
    border: 1px solid #00bfff;
    /*resize: none;*/
}

.authority_assignment .select {
    margin-left: 120px;
    margin-top: -30px;
}

.authority_assignment label {
    margin-left: 5px;
}

form {
    padding-bottom: 50px;
}

.btn {
    display: flex;
    margin-top: 250px;
    margin-left: 125px;
}

button {
    float: left;
    width: 100px;
    height: 40px;
    /*margin-left: 100px;*/
    margin-right: 100px;
    margin-bottom: 18px;
    outline: none;
    font-size: 15px;
    color: #ffffff;
    border: 0px solid #312E3D;
    border-radius: 10px;
    background-color: #5e5efa;
    /*-webkit-box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.2);*/
    /*-moz-box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.2);*/
    /*box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.2);*/
}

button:hover {
    color: #ffffff;
    background: #0499fc;
    cursor: pointer
}

/*起草合同*/
.draft_contract {
    position: relative;
    margin-top: 20px;
    margin-bottom: 100px;
    left: 30%;
    font-size: 1.5em;
    font-weight: bolder;
    background: rgb(241, 243, 243);
    -webkit-box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    border-collapse: collapse;
    border: 0px solid #00bfff;
    width: 600px;
    /* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
    table-layout: fixed;

    padding-left: 150px;
    padding-top: 20px;
}

.dorpDownBox{
    float: left;
    display: block;
    outline: none;
    display: flex;
    margin-bottom: 20px;
    width: 200px;
    height: 40px;
    border-radius: 5px;
}

.draft_contract .content {
    display: flex;
    flex-direction: column;
}

.draft_contract .content .single_content {
    display: flex;
    margin-bottom: 20px;
}

.draft_contract .content .single_content span {
    color: red;
    margin-left: -12px;
}

.draft_contract .content .single_content input {
    outline: none;
    width: 200px;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #312E3D;
}

.draft_contract .content .single_content textarea {
    outline: none;
    border-radius: 5px;
    border: 1px solid #312E3D;
}

.draft_contract .content .single_content #contract_name {
    margin-left: 20px;
}

.draft_contract .content .single_content #customer {
    margin-left: 68px;
}

.draft_contract .content .single_content #start_time {
    margin-left: 20px;
}

.draft_contract .content .single_content #end_time {
    margin-left: 20px;
}

.draft_contract .content .single_content #contract_content {
    margin-left: 20px;
    resize: none;
    width: 400px;
    height: 150px;
}

.draft_contract #add_attachment button {
    margin-top: -50px;
    width: 150px;
    height: 30px;

    /*margin-left: 100px;*/
    outline: none;
    font-size: 15px;
    color: white;
    border: 0px solid #312E3D;
    border-radius: 10px;
    background: #676768;
}

.draft_contract #add_attachment button:hover {
    color: white;
    background-color: #2b2b2b;
    cursor: pointer
}

.draft_contract .btn {
    display: flex;
    margin-top: 15px;
    margin-left: 90px;
}


/*定稿合同*/
.comment {
    position: relative;
    display: flex;
}

.comment .final_contract {
    position: relative;
    margin-top: 20px;
    margin-bottom: 100px;
    left: 200px;
    font-size: 1.5em;
    font-weight: bolder;
    background: rgb(241, 243, 243);
    -webkit-box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    border-collapse: collapse;
    border: 0px solid #00bfff;
    width: 600px;
    /* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
    /*table-layout: fixed;*/

    padding-left: 50px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.comment .countersign_comments {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 20px;
    margin-bottom: 100px;
    margin-left: 10px;
    left: 200px;
    font-size: 1.5em;
    font-weight: bolder;
    background: rgb(241, 243, 243);
    -webkit-box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    border-collapse: collapse;
    border: 0px solid #00bfff;
    width: 250px;
    /* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
    table-layout: fixed;

    /*padding-left: 35px;*/
    padding-top: 20px;
    padding-bottom: 20px;
}

.comment .countersign_comments div {
    margin: 0 auto;
}


.comment .countersign_comments textarea {
    outline: none;
    border-radius: 5px;
    border: 1px solid #312E3D;
    margin: 0 auto;
    margin-top: 10px;
    /*margin-bottom: 10px;*/
    min-width: 200px;
    max-width: 200px;
    min-height: 200px;
    height: 400px;
    resize: none;
}

.final_contract .content {
    display: flex;
    flex-direction: column;
}

.final_contract .content .single_content {
    display: flex;
    margin-bottom: 20px;
}

.final_contract .content .single_content span {
    color: red;
    margin-left: -12px;
}

.final_contract .content .single_content textarea {
    outline: none;
    border-radius: 5px;
    border: 1px solid #312E3D;
}

.final_contract .content .single_content #contract_name {
    margin-left: 20px;
}

.final_contract .content .single_content #customer {
    margin-left: 68px;
}

.final_contract .content .single_content #start_time {
    margin-left: 20px;
}

.final_contract .content .single_content #end_time {
    margin-left: 20px;
}

.final_contract .content .single_content #contract_content {
    margin-left: 20px;
    min-width: 400px;
    max-width: 400px;
    min-height: 100px;
}

.final_contract .btn {
    position: relative;
    display: flex;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 145px;
}


/*会签合同*/
.countersign_contract {
    position: relative;
    margin-top: 20px;
    margin-bottom: 30px;
    left: 30%;
    font-size: 1.5em;
    font-weight: bolder;
    background: rgb(241, 243, 243);
    -webkit-box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    border-collapse: collapse;
    border: 0px solid #00bfff;
    width: 600px;
    /* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
    table-layout: fixed;

    padding-left: 150px;
    padding-top: 20px;
}

.countersign_contract .titlename{
    margin-bottom: 5px;
}

.countersign_contract .content {
    display: flex;
    flex-direction: column;
}

.countersign_contract .content .single_content {
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
}

.countersign_contract .content .single_content span {
    color: red;
    margin-left: -12px;
}

.countersign_contract .content .single_content textarea {
    outline: none;
    border-radius: 5px;
    border: 1px solid #312E3D;
    min-width: 400px;
    max-width: 400px;
    min-height: 100px;
    margin-left: 10px;
}

.countersign_contract .btn {
    display: flex;
    margin-top: 0px;
    margin-left: 80px;
}


/*审批合同*/
.approval_contract {
    position: relative;
    margin-top: 20px;
    margin-bottom: 30px;
    left: 30%;
    font-size: 1.5em;
    font-weight: bolder;
    background: rgb(241, 243, 243);
    -webkit-box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    border-collapse: collapse;
    border: 0px solid #00bfff;
    width: 600px;
    /* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
    table-layout: fixed;

    padding-left: 100px;
    padding-top: 20px;
}


.approval_contract .content {
    display: flex;
    flex-direction: column;
}

.approval_contract .content .single_content {
    display: flex;
    margin-top: 15px;
    /*margin-bottom: 5px;*/
}

.approval_contract .content .contract_name {
    margin-bottom: 5px;
    /*margin-left: 165px;*/
}

.approval_contract .content .approval_select {
    margin-top: 10px;
    margin-left: 190px;
    margin-bottom: 20px;
}

.approval_contract .content .approval_select label {
    margin-left: 5px;
}

.approval_contract .content .approval_select #pass {

}

.approval_contract .content .approval_select #reject {
    margin-left: 10px;
}

.approval_contract .content .single_content span {
    color: red;
    margin-left: -12px;
}

.approval_contract textarea {
    outline: none;
    border-radius: 5px;
    border: 1px solid #312E3D;
    min-width: 400px;
    max-width: 400px;
    min-height: 100px;
    margin-left: 10px;
}

.approval_contract .btn {
    display: flex;
    margin-top: 5px;
    margin:0 auto;
    width: 500px;
}


/*签订合同*/
.sign_contract {
    position: relative;
    margin-top: 20px;
    margin-bottom: 30px;
    left: 30%;
    font-size: 1.5em;
    font-weight: bolder;
    background: rgb(241, 243, 243);
    -webkit-box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    border-collapse: collapse;
    border: 0px solid #00bfff;
    width: 600px;
    /* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
    table-layout: fixed;

    padding-left: 100px;
    padding-top: 20px;
}

.sign_contract .titlename{
    margin-bottom: 5px;
}

.sign_contract .content {
    display: flex;
    flex-direction: column;
}

.sign_contract .content .single_content {
    display: flex;
    margin-top: 20px;
    margin-bottom: 10px;
}

.sign_contract .content #contract_name {
    margin-bottom: 20px;
    margin-left: 165px;
}

.sign_contract .content #customer {
    margin-bottom: 20px;
    margin-left: 200px;
}

.sign_contract .content .single_content span {
    color: red;
    margin-left: -12px;
}

.sign_contract .content .single_content textarea {
    outline: none;
    border-radius: 5px;
    border: 1px solid #312E3D;
    min-width: 400px;
    max-width: 400px;
    min-height: 100px;
    margin-left: 10px;
}

.sign_contract .btn {
    display: flex;
    margin-top: 0px;
    margin-left: 80px;
}

/*分配合同*/
.allocation_contract {
    position: relative;
    margin-top: 10px;
    left: 30%;
    font-size: 1.5em;
    font-weight: bolder;
    background: rgb(241, 243, 243);
    -webkit-box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 4px 28px 0px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    border-collapse: collapse;
    border: 0px solid #00bfff;
    width: 600px;
    /* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
    table-layout: fixed;

    padding-left: 80px;
    /*padding-right: 10px;*/
    /*padding-top: 20px;*/
    /*padding-bottom: 40px;*/
    display: flex;
    flex-direction: column;
}

.allocation_contract .countersign_contract_person {
    display: flex;
    margin-top: 30px;
}

.allocation_contract .countersign_contract_person .countersign {
    width: 200px;
    height: 100px;
    outline: none;
}

.allocation_contract .approve_contract_person {
    display: flex;
    margin-top: 10px;
}

.allocation_contract .approve_contract_person .approve {
    width: 200px;
    height: 100px;
    outline: none;
}

.allocation_contract .sign_contract_person {
    display: flex;
    margin-top: 10px;
}

.allocation_contract .sign_contract_person .sign {
    width: 200px;
    height: 100px;
    outline: none;
}

.allocation_contract .distribution {
    margin-left: 30px;
    margin-right: 30px;
    display: flex;
    flex-direction: column;
}

.allocation_contract .distribution .had {
    margin-top: 21px;
}

.allocation_contract .distribution div {
    font-size: 0.7em;
}

.allocation_contract .btn {
    display: flex;
    margin-top: 30px;
    margin-left: 110px;
    /*margin-bottom: 5px;*/
}

.allocation_contract select {
    border-radius: 4px;
    border: 1px solid #a9aaaa;
    margin-top: 2px;
}

.allocation_contract option:hover {
    background-color: #d0d1d2;
}

